<table id="tab_table" class="easyui-treegrid" style="width:100%;height:100%"
			data-options="
				url: '${staticPath }/static/json/datagriddata.json',
				method: 'get',
				idField: 'id',
				treeField: 'region',
				fitColumns:true,
				onClickCell:ClickCell
			">
		<thead frozen="true">
			<tr>
				<th field="region" width="200">任务项</th>
			</tr>
		</thead>
		<thead>
		
			<tr>
				<th field="f1" width="60" align="right" >召测</th>
				<th field="f2" width="60" align="right">发送</th>
				<th field="f3" width="60" align="right">编辑</th>
				<th field="f4" width="60" align="right">批量设置</th>
				<th field="f5" width="60" align="right">批量召测</th>
			</tr>
		</thead>
</table>
<div id ="tab_content3" hidden ="YES" style="width: 100%;height: 100%">
	<iframe src="/contentdata3.jsp" width="99.5%" height="99%"></iframe>
</div>
<div id ="tab_content1" hidden ="YES" style="width: 100%;height: 100%;background-color: #E0ECFF; ">
	<a style="font-size: 36;margin-top: 80px;margin-left: 50px;margin-right:100px;width: 80%;height: 40px;">上海市用电力负荷管理系统<br></a>
	
	<div style="margin-top: 40px;margin-left: 50px;border-top:1px solid #000" >
		<a style="background-color: red;width: 800px">
			<br>
			<br>
		</a>
		<a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">终端开通调试、实时控制、数据召测</a>
		<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">批量任务日志管理、巡测日志管理</a>
		<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">信道巡测数据管理、实时状态切换与监控</a>
		<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">需求测应用互动定义与管理</a>
		<br><a href="#" class="easyui-linkbutton" data-options="name:'format',iconCls:'icon-format',plain:true">终端软件远程升级、历史升级日志管理</a>
	</div>
</div>
	<script>
		function content(index){
			$("#content_center2").find("div").eq(0).hide();
			$("#tab_content1").hide();
			$("#tab_content3").hide();
			switch (index) {
			case 1:
				$("#tab_content1").show();
				break;
			case 2:
				$("#content_center2").find("div").eq(0).show();
				break;
			case 3:				
				$("#tab_content3").show();
				break;
			case 4:
				
				break;

			default:
				break;
			}
		}
		
		function ClickCell(rowIndex, field, value) {

           if(field[rowIndex] &&  rowIndex!="region"){
        	   var index = rowIndex.substr(1);
        	   var detail = "detail"+index;
        	   var context = field[detail];
        	   if(!context){
        		   context = "";
        	   }
        	   $('#dlg').html(context)
        	   $('#dlg').dialog('open')
           }
          
        } 
	</script>
